.link_box{opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; right: 50%; bottom: 50%; color: #fff; background: rgba(20, 62, 151, 0.78); text-align: center; transition: all .5s;}
.link_box .p1{font-size: 16px; padding: 0 50px 18px; margin: 0 0 15px; display: inline-block; line-height: 1; border-bottom: 1px solid #fff;}
.link_box .p2{text-transform: uppercase; line-height: 1; font-size: 14px;}
.item:hover .link_box{ opacity: 1; top: 0; left: 0; right: 0; bottom: 0;}
@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.link_box .p1{font-size: 16px; padding: 0 50px 18px; margin: 0 0 15px; }
	.link_box .p2{font-size: 14px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	
}

@media (min-width:768px) and (max-width:991px){
	.link_box .p1{font-size: 14px; padding: 0 30px 16px;}
}

@media (max-width:767px){
	.link_box .p1{font-size: 14px; padding: 0 20px 10px;}
}


/*banner*/
.banner_pc{display:block;}
.banner_m{display: none;}
.banner{position: relative;}
.banner .text-box{position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 1; text-align: right; color: #fff; display: flex; justify-content: center; align-items: center;}
.banner .text-box .container{margin: 0;}
.banner .text-box .p1{font-size: 52px; line-height: 1; color: #fff;} 
.banner .text-box .p2{font-size: 34px; line-height: 1; margin: 40px 0 58px; color: #fff;}
.banner  .more_btn{float: right; color: #fff; background: #164299;}
.banner .more_btn::after{content: none;}
.banner .swiper_btn_box{position: absolute; bottom: 0; left: 0; right: 0; height: 80px; z-index: 100;}
.banner .swiper-pagination{ position: static; text-align: center;}
.banner .swiper-pagination-bullet{width: 60px; height: 4px; margin: 38px 3px; display: inline-block; vertical-align: top; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; cursor: pointer; }
.banner .swiper-pagination-bullet-active{background: #164299; opacity: 1;}
@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.banner .text-box .p1{font-size: 42px;}
	.banner .text-box .p2{font-size: 28px; margin: 30px 0 42px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.banner .text-box .p1{font-size: 36px;}
	.banner .text-box .p2{font-size: 24px; margin: 25px 0 40px;}
}

@media (min-width:768px) and (max-width:991px){
	.banner .text-box .p1{font-size: 36px;}
	.banner .text-box .p2{font-size: 24px; margin: 25px 0 40px;}
}

@media (max-width:767px){
	.banner_pc{display:none;}
	.banner_m{display: block;}
	.banner_m .swiper_btn_box{height: 38px;}
	.banner_m .swiper-pagination-bullet{margin: 18px 3px; width: 40px; height: 2px;}
}

/*product*/
.product{padding: 60px 0 115px; overflow: hidden;}
.product .cont{margin: 65px 0 0; overflow: hidden;}
.product .cont li{float: left; width: 33.3%;}
.product .cont .item{position: relative; display: block; overflow: hidden;}
.product .cont .info{position: absolute; bottom: 0; left: 0; right: 0; padding: 50px; font-size: 30px; font-weight: bold; color: #fff; line-height: 1;}
.product .cont .num{font-size: 30px; font-weight: bold; line-height: 1; display: block;}
.product .cont .tit{margin: 18px 0 0;} 
.product .cont .item:hover{border-color: #0D4894;}
@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.product{padding: 60px 0 80px;}
	.product .cont .info{ padding: 40px; font-size: 24px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.product{padding: 60px 0 ;}
	.product .cont .info{ padding: 24px; font-size: 24px;}
	.product .cont .num{font-size: 24px;}
	.product .cont .tit{margin: 12px 0 0;}
	.product .cont{margin: 40px 0 0;}
}

@media (min-width:768px) and (max-width:991px){
	.product{padding: 40px 0 ;}
	.product .cont .info{ padding: 20px; font-size: 20px;}
	.product .cont .num{font-size: 20px;}
	.product .cont .tit{margin: 12px 0 0; }
	.product .cont{margin: 30px 0 0;}
}

@media (max-width:767px){
	.product{padding: 30px 0 ;}
	.product .cont li{width: 100%; margin-bottom: 15px;}
	.product .cont .info{ padding: 20px; font-size: 20px;}
	.product .cont .num{font-size: 20px;}
	.product .cont .tit{margin: 8px 0 0; }
	.product .cont{margin: 20px 0 0;}
}

.area{padding: 80px 0; background: url(../images/area_bg.jpg) no-repeat top center;}
.area .cont{ overflow: hidden;}
.area .cont ul{ margin: 65px -22.5px; overflow: hidden;}
.area .cont li{float:  left; width: 14.28%; padding: 0 22.5px;} 
.area .cont .item{padding: 30px 40px; background: rgba(52, 52, 52, 0.6); display: block; text-align: center; color: #fff;  transition:0.36s all;}
.area .cont .icon{position: relative; height: 46px; width: 66px; display: block; margin: 0 auto; overflow: hidden;}
.area .cont .icon img{position: absolute; left: 0; right: 0; height: 100%; margin: 0 auto; -webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
  transition:0.36s ease;}
.area .cont .icon .img{top: 0;}
.area .cont .icon .img_hover{top: 100%;}
.area .cont li.on .icon .img,
.area .cont li:hover .icon .img{top: -100%;}
.area .cont li.on .icon .img_hover,
.area .cont li:hover .icon .img_hover{top: 0;}
.area .cont .item p{font-size: 18px; line-height: 1; padding: 12px 0 20px; margin: 0 0 16px; border-bottom: 1px solid #fff;}
.area .cont .item .num{font-size: 30px; line-height: 1;}
.area .cont .item:hover{background: rgba(255,255,255,0.6); color: #626262;}
.area .cont .item:hover p{border-color: #626262;}
.area .cont .more_box{text-align: center;}
.area .cont .more_btn{margin: 0 auto; border: 1px solid #545454; background: none; color: #545353;}
.area .cont .more_btn::after{content: none;}
.area .cont .more_btn:hover{background: #14409A; color: #fff; border-color: #14409A;}
@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.area{padding: 60px 0;}
	.area .cont ul{margin: 45px -10px;}
	.area .cont li{padding: 0 10px;}
	.area .cont .item{padding: 25px 30px;}
	.area .cont .icon{height: 40px;}
	.area .cont .item p{font-size: 16px;}
	.area .cont .item .num{font-size: 24px;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.area{padding: 60px 0; background-size: cover;}
	.area .cont{margin: 40px 0 0;}
	.area .cont ul{margin: 0 -10px;}
	.area .cont li{width: 25%; padding: 0 10px; margin-bottom: 20px ;}
	.area .cont li:first-child{margin-left: 12.5%;}
	.area .cont .item{padding: 25px 30px;}
	.area .cont .icon{height: 40px;}
	.area .cont .item p{font-size: 16px;}
	.area .cont .item .num{font-size: 24px;}
	.area .cont .more_box{margin: 40px 0 0;}
}

@media (min-width:768px) and (max-width:991px){
	.area{padding: 40px 0; background-size: cover;}
	.area .cont{margin: 30px 0 0;}
	.area .cont ul{margin: 0 -10px;}
	.area .cont li{width: 25%; padding: 0 10px; margin-bottom: 20px ;}
	.area .cont li:first-child{margin-left: 12.5%;}
	.area .cont .item{padding: 20px;}
	.area .cont .icon{height: 40px;}
	.area .cont .item p{font-size: 16px; }
	.area .cont .item .num{font-size: 24px;}
	.area .cont .more_box{margin: 20px 0 0;}
	
}

@media (max-width:767px){
	.area{padding: 30px 0; background-size: cover;}
	.area .cont{position: relative;  margin: 20px 0 0;}
	.area .cont ul{margin: 0 -10px;}
	.area .cont li{width: 50%; padding: 0 10px; margin-bottom: 20px ;}
	.area .cont .item{padding: 20px;}
	.area .cont .icon{height: 36px;}
	.area .cont .item p{font-size: 16px; padding: 12px 0;}
	.area .cont .item .num{font-size: 20px;}
	.area .cont .more_box{position: absolute; right: 0; bottom: 80px; width: 50%; margin: 0;}
}

/*news*/
.news{padding: 80px 0;}
.news .common_tit{display: inline-block;}
.news .tabs{display: inline-block; margin: 30px 0 0 120px; vertical-align: top; line-height: 46px;}
.news .tabs ul{display: inline-block; vertical-align: top;}
.news .tabs li{ float: left; line-height: 46px; padding: 0 44px; font-size: 16px; color: #656565; cursor: pointer;}
.news .tabs li:hover,
.news .tabs li.on{background: #14409A; color: #fff;}
.news .tabs a{ font-size: 16px; color: #656565; margin-left: 30px;}
.news .tabs a:hover{color: #14409A;}
.news .cont{margin: 70px 0 0;}
.news .cont ul{margin: 0 -30px;}
.news .cont li{padding: 0 30px; float: left; width: 25%;}
.news .cont .item{display: block;}
.news .cont .pic_box{position: relative;}
.news .cont .info{padding: 26px 30px; line-height: 1;}
.news .cont .date{font-size: 16px; display: block;}
.news .cont .tit{font-size: 18px; line-height: 24px; color: #2F2F2F; margin: 16px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .cont .desc{font-size: 14px; line-height: 24px; color: #838383; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .cont .more_link{margin: 45px 0 0;}
.news .cont .item:hover .info{background: #123E9B;}
.news .cont .item:hover .date,
.news .cont .item:hover .tit,
.news .cont .item:hover .desc{color: rgba(255,255,255,0.5);}
@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.news{padding: 60px 0;}
	.news .tabs{ margin: 24px 0 0 80px;}
	.news .tabs li{line-height: 42px; padding: 0 30px; font-size: 14px;}
	.news .tabs a{font-size: 14px;}
	.news .cont{margin: 50px 0 0;}
	.news .cont ul{margin: 0 -15px;}
	.news .cont li{padding: 0 15px; }
	.news .cont .info{padding: 20px;}
	.news .cont .date{font-size: 14px;}
	.news .cont .tit{font-size: 16px;}
	
}
	
@media (min-width:992px) and (max-width:1199px){
	.news{padding: 60px 0;}
	.news .tabs{margin: 14px 0 0 60px;}
	.news .tabs li{padding: 0 36px;}
	.news .cont{margin: 40px 0 0;}
	.news .cont ul{margin: 0 -10px;}
	.news .cont li{padding: 0 10px;}
	.news .cont .info{padding: 20px 15px;}
	.news .cont .date{font-size: 14px;}
	.news .cont .tit{font-size: 16px;}
}

@media (min-width:768px) and (max-width:991px){
	.news{padding: 40px 0;}
	.news .tabs{margin: 11px 0 0 60px;}
	.news .tabs li{padding: 0 28px; line-height: 42px; font-size: 14px;}
	.news .tabs a{font-size: 14px;}
	.news .cont{margin: 0;}
	.news .cont ul{margin: 0 -15px;}
	.news .cont li{padding: 0 15px; margin-top: 30px; width: 50%;}
	.news .cont .info{padding: 20px 15px;}
	.news .cont .date{font-size: 14px;}
	.news .cont .tit{font-size: 16px; margin: 12px 0 5px;}
}

@media (max-width:767px){
	.news{padding: 30px 0;}
	.news .common_tit{display: block;}
	.news .tabs{margin: 12px 0 0 0; display: block;}
	.news .tabs li{padding: 0 20px; line-height: 42px; font-size: 14px;}
	.news .tabs a{font-size: 14px;}
	.news .cont{margin: 20px 0 0;}
	.news .cont ul{margin: 0 -10px;}
	.news .cont li{padding: 0 10px; width: 50%;}
	.news .cont .info{padding: 20px 15px;}
	.news .cont .date{font-size: 14px;}
	.news .cont .tit{font-size: 16px; margin: 12px 0 5px;}
}

/*support*/
.partner{padding: 90px 0 ; background: url(../images/partner_bg.jpg) no-repeat top center; }
.partner .container{position: relative;}
.partner .cont{ position: relative;margin: 70px -14px 0;}
.partner li{padding: 0 14px; }
.partner .item{border: 1px solid #dbdbdb; height: 90px; margin-bottom: 28px; text-align: center; display: flex; justify-content: center; align-items: center; }
.partner .item .picfocus{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 5px 10px;}
.partner .item img{max-width: 100%; width: auto; max-height: 100%;}
.partner .swiper-button-next, 
.partner .swiper-button-prev{width: 60px; height: 60px; top: 50%; margin-top: -30px; background-color: #123E9B;  background-size: 10px 16px; opacity:1;}
.partner .swiper-button-next{background-image: url(../images/next_on.png); right: -66px;}
.partner .swiper-button-next.swiper-button-disabled{background-color: #DCDCDC;  border-color: #818181;}
.partner .swiper-button-prev{background-image: url(../images/prev_on.png);  left: -66px;}
.partner .swiper-button-prev.swiper-button-disabled{background-color: #DCDCDC; }
.partner .swiper-pagination{ position: static; height: 12px; margin: 28px 0 0; text-align: center; width: 100%;}
.partner .swiper-pagination-bullet{ margin: 0 7px; width: 12px; height: 12px; display: inline-block; vertical-align: top;}
.partner .swiper-pagination-bullet-active{background: #103D9C;}
@media (min-width:1600px) and (max-width:1920px){
	
}

@media (min-width:1200px) and (max-width:1599px){
	.partner{padding: 60px 0 ;}
	.partner .cont{margin: 50px -10px 0;}
	.partner li{padding: 0 10px;}
	
}
@media (max-width:1359px){
  .partner .swiper-button-next, .partner .swiper-button-prev{display:none;}
}
	
@media (min-width:992px) and (max-width:1199px){
	.partner{padding: 60px 0;}
	.partner .cont{margin: 40px -10px 0;}
	.partner li{padding: 0 10px; }
	.partner .swiper-pagination{margin: 10px 0 0;}
}

@media (min-width:768px) and (max-width:991px){
	.partner{padding: 40px 0; background-size: cover;}
	.partner .cont{margin: 30px -10px 0;}
	.partner li{padding: 0 10px; }
	.partner .item{margin-bottom: 20px;}
	.partner .swiper-pagination{margin: 10px 0 0;}
}

@media (max-width: 767px){
	.partner{padding: 30px 0 ;}
	.partner .cont{margin: 20px -5px 0;}
	.partner li{padding: 0 5px;}
	.partner .swiper-pagination{display:block;}
	.partner-box{padding: 30px 0 0;}
	.partner .swiper-pagination{display: block; margin: 0;}
	.partner .item{height: 70px; margin-bottom: 10px;}
	.partner .item img{max-width: 80%;}
	.partner .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 4px;}
}